import React, { Component } from 'react'

export default class App extends Component {

  state = {
    count: 100
  }

  // 该写法可以被调用，但是 this 拿不到
  // add = function(){
  //   console.log('你好世界', this);
  // }

  // 箭头函数可以正常调用可以直接拿到 this
  // add = ()=>{
  //   console.log('你好世界', this);
  // }


  // 如果说非得使用普通函数，我们也可以使用 bind 来修改 this 指向，实现获取组件实例
   add = function(){
    console.log('你好世界', this);
  }

  render() {
    return (
      <div>
        <h1> {this.state.count} </h1>

        <button onClick={this.add.bind(this)}>增加</button>

      </div>
    )
  }
}
